<template>
	<view class="details">
		<u-navbar>
			<view slot='left'>
				<view class='left-arrow'>
					<image src="../../static/list/back.png" mode=""></image>
				</view>
			</view>
			<view slot='right'>
				<view class='right-content'>
					<image src='../../static/list/star.png' class='title-start'></image>
					<image src='../../static/list/search.png' class='title-start'></image>
					<image src='../../static/list/cart.png'></image>
				</view>
			</view>
		</u-navbar>
	</view>
</template>

<script>
</script>

<style scoped lang='scss'>
.details{
	display: flex;
	flex-direction: column;
	width:100vw;
	height: 100vh;
	overflow: hidden;
}
/deep/ .u-navbar__content{
	border-bottom:1px solid #f5f5f5;
}
.left-arrow{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left:10rpx;
	image{
		width:18rpx;
		height: 33rpx;
	}
}
.right-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
	image{
		width: 35rpx;
		height: 35rpx;
		padding-right:10rpx;
	}
	.title-start{
		margin-right: 20rpx;
	}
}
</style>